<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui"
	template="../../../WEB-INF/plantilla/defecto.xhtml">
	<ui:define name="titulo">Consultar entrega de gu&#237;as</ui:define>
	<ui:define name="contenido">
		<h1>Consultar entrega de gu&#237;as</h1>
		<h:form>
			<!-- <p:panel header="Criterios de b&#250;squeda" toggleable="true"> -->
			<p:accordionPanel>
				<p:tab title="Criterios de b&#250;squeda">
					<div class="filas">
						<div class="mitad">

							<div class="completo">
								<div class="tercio">
									<h:outputLabel for="cboTipProveedor" value="Tipo Proveedor:" />
								</div>
								<div class="dostercios">
									<div class="combo">
										<p:selectOneMenu id="cboTipProveedor"
											styleClass="selectOneMenu">
											<f:selectItem itemLabel="Todos" itemValue="" />
											<f:selectItem itemLabel="Option 1" itemValue="1" />
											<f:selectItem itemLabel="Option 2" itemValue="2" />
											<f:selectItem itemLabel="Option 3" itemValue="3" />
										</p:selectOneMenu>
									</div>
									<div class="tooltip">
										<h:graphicImage id="imgTipProveedor"
											url="../../../presentacion/images/help.png"></h:graphicImage>
										<p:tooltip for="imgTipProveedor" value="Tipo Proveedor" />
									</div>
								</div>
								<p:message for="cboTipProveedor" />
							</div>
							<div class="completo">
								<div class="tercio">
									<h:outputLabel for="cboEstado" value="Estado:" />
								</div>
								<div class="dostercios">
									<div class="combo">
										<p:selectOneMenu id="cboEstado" styleClass="selectOneMenu">
											<f:selectItem itemLabel="Todos" itemValue="" />
											<f:selectItem itemLabel="Option 1" itemValue="1" />
											<f:selectItem itemLabel="Option 2" itemValue="2" />
											<f:selectItem itemLabel="Option 3" itemValue="3" />
										</p:selectOneMenu>
									</div>
									<div class="tooltip">
										<h:graphicImage id="imgEstado"
											url="../../../presentacion/images/help.png"></h:graphicImage>
										<p:tooltip for="imgEstado" value="Estado" />
									</div>
								</div>
								<p:message for="cboEstado" />
							</div>


							<div class="completo">
								<div class="tercio">
									<h:outputLabel for="txtFechaInicio" value="Fecha de inicio:" />
								</div>
								<div class="dostercios">
									<div class="input">
										<p:calendar id="txtFechaInicio" locale="es"
											pattern="dd/MM/yyyy" onkeypress="agregarSlash(this);"/>
									</div>
									<div class="tooltip">
										<h:graphicImage id="imgFechaInicio"
											url="../../../presentacion/images/help.png"></h:graphicImage>
										<p:tooltip for="imgFechaInicio" value="Fecha de inicio" />
									</div>
								</div>
								<p:message for="txtFechaInicio" />
							</div>


						</div>
						<div class="mitad">
							<div class="completo">
								<div class="tercio">
									<h:outputLabel for="txtProveedor" value="Proveedor:" />
								</div>
								<div class="dostercios">
									<div class="combo">
										<p:selectOneMenu id="txtProveedor" styleClass="selectOneMenu">
											<f:selectItem itemLabel="Todos" itemValue="" />
											<f:selectItem itemLabel="Option 1" itemValue="1" />
											<f:selectItem itemLabel="Option 2" itemValue="2" />
											<f:selectItem itemLabel="Option 3" itemValue="3" />
										</p:selectOneMenu>
									</div>
									<div class="tooltip">
										<h:graphicImage id="imgProveedor"
											url="../../../presentacion/images/help.png"></h:graphicImage>
										<p:tooltip for="imgProveedor" value="Proveedor" />
									</div>
								</div>
								<p:message for="txtProveedor" />
							</div>


							<div class="completo">
								<div class="tercio">
									<h:outputLabel for="txtNumGuia" value="N° Gu&#237;a:" />
								</div>
								<div class="dostercios">
									<div class="input">
										<p:inputText id="txtNumGuia" styleClass="secCodigo" />
										-
										<p:inputText id="txtNumGuia1" styleClass="secSerie" />
									</div>
									<div class="tooltip">
										<h:graphicImage id="imgGuia"
											url="../../../presentacion/images/help.png"></h:graphicImage>
										<p:tooltip for="imgGuia" value="N° Gu&#237;a" />
									</div>
								</div>
								<p:message for="txtNumGuia" />
							</div>

							<div class="completo">
								<div class="tercio">
									<h:outputLabel for="txtFechaFin" value="Fecha de fin:" />
								</div>
								<div class="dostercios">
									<div class="input">
										<p:calendar id="txtFechaFin" locale="es" pattern="dd/MM/yyyy" onkeypress="agregarSlash(this);"/>
									</div>
									<div class="tooltip">
										<h:graphicImage id="imgFechaFin"
											url="../../../presentacion/images/help.png"></h:graphicImage>
										<p:tooltip for="imgFechaFin" value="Fecha de fin" />
									</div>
								</div>
								<p:message for="txtFechaFin" />
							</div>
						</div>
					</div>
					<div class="boton">
						<p:commandButton value="Buscar" icon="ui-icon-search" />
					</div>
					<div style="clear: both;"></div>
					<!-- </p:panel> -->
				</p:tab>
			</p:accordionPanel>
			<h2>Gu&#237;as asignadas</h2>
			<p:separator />
			<div class="opcionesTabla">
				<p:commandButton value="Nuevo lote" icon="ui-icon-gear"
					onclick="dlgNuevoLote.show();" />
					<div style="clear: both;"></div>
			</div>
			<div class="scrollTabla">
				<p:dataTable paginator="true" paginatorPosition="bottom" rows="10"
					style="width: 100%;" var="guia" value="#{guiaService.lstGuia}"
					selection="#{guiaService.guiasSeleccionadas}">
					<!-- <p:column selectionMode="multiple" /> -->

					<p:column styleClass="item">
						<f:facet name="header">
							<h:outputText value="Item" />
						</f:facet>
						<p:commandLink>
							<h:outputText value="#{guia.sItem}" />
						</p:commandLink>
					</p:column>
					<p:column styleClass="rango">
						<f:facet name="header">
							<h:outputText value="Rango Inicio" />
						</f:facet>
						<h:outputText value="#{guia.sRanInicio}" />
					</p:column>

					<p:column styleClass="rango">
						<f:facet name="header">
							<h:outputText value="Rango Fin" />
						</f:facet>
						<h:outputText value="#{guia.sRanFin}" />
					</p:column>

					<p:column styleClass="proveedor">
						<f:facet name="header">
							<h:outputText value="Proveedor" />
						</f:facet>
						<h:outputText value="#{guia.sProveedor}" />
					</p:column>

					<p:column styleClass="almacen">
						<f:facet name="header">
							<h:outputText value="Almac&#233;n / Transporte" />
						</f:facet>
						<h:outputText value="#{guia.sAlmacen}" />
					</p:column>

					<p:column styleClass="estado">
						<f:facet name="header">
							<h:outputText value="Estado" />
						</f:facet>
						<h:outputText value="#{guia.sEstado}" />
					</p:column>

					<p:column styleClass="fechaHora">
						<f:facet name="header">
							<h:outputText value="Fecha Registro" />
						</f:facet>
						<h:outputText value="#{guia.sFecRegistro}" />
					</p:column>

					<p:column styleClass="entregado">
						<f:facet name="header">
							<h:outputText value="No Entregadas" />
						</f:facet>
						<p:commandLink onclick="dlgGuiasNoConformes.show()">
							<h:outputText value="#{guia.sNoEntregadas}" />
						</p:commandLink>
					</p:column>
					<p:column styleClass="entregado">
						<f:facet name="header">
							<h:outputText value="Entregado" />
						</f:facet>
						<p:commandLink
							onclick=" confirm('¿Est&#225; seguro de registrar todo el lote como estado terminado?');">
							<h:outputText value="#{guia.sEntregado}" />
						</p:commandLink>
					</p:column>
					<f:facet name="footer">  
          			 Total registros #{fn:length(guiaService.lstGuia)}  
        		</f:facet>
				</p:dataTable>
			</div>
			<h2>Gu&#237;as no conformes</h2>
			<p:separator />
			<div class="scrollTabla" style="min-height: 200px;">
				<p:dataTable paginator="true" paginatorPosition="bottom" rows="10"
					style="width: 100%" var="guiaNoConforme"
					value="#{guiaNoConformeService.lstGuiaNoConforme}">
					<!-- <p:column selectionMode="multiple" /> -->
					<p:column styleClass="checkbox">
						<f:facet name="header">
							<input type="checkbox" name="ch1"> </input>
						</f:facet>
						<input type="checkbox" name="ch4"> </input>
					</p:column>
					<p:column styleClass="item">
						<f:facet name="header">
							<h:outputText value="Item" />
						</f:facet>
						<h:outputText value="#{guiaNoConforme.sItem}" />
					</p:column>
					<p:column styleClass="guia">
						<f:facet name="header">
							<h:outputText value="Nº Gu&#237;a" />
						</f:facet>
						<h:outputText value="#{guiaNoConforme.sNumGuia}" />
					</p:column>
					<p:column styleClass="cantidad">
						<f:facet name="header">
							<h:outputText value="Nº Pedido" />
						</f:facet>
						<h:outputText value="#{guiaNoConforme.sNumPedido}" />
					</p:column>
					<p:column styleClass="estado">
						<f:facet name="header">
							<h:outputText value="Estado de la Gu&#237;a" />
						</f:facet>
						<h:outputText value="#{guiaNoConforme.sEstGuia}" />
					</p:column>

					<p:column styleClass="Observaciones">
						<f:facet name="header">
							<h:outputText value="Observaciones" />
						</f:facet>
						<p:inputTextarea styleClass="observacion" />
					</p:column>

					<p:column styleClass="Seguimiento">
						<f:facet name="header">
							<h:outputText value="Seguimiento" />
						</f:facet>
						<p:commandLink value="#{guiaNoConforme.sSeguimiento}"
							onclick="dlgSeguimiento.show()" />
					</p:column>

					<p:column styleClass="eliminar">
						<f:facet name="header">
							<h:outputText value="Eliminar" />
						</f:facet>
						<p:commandLink>
							<h:outputText value="#{guiaNoConforme.sEliminar}" />
						</p:commandLink>
					</p:column>
					<f:facet name="footer">  
          			 Total registros #{fn:length(guiaNoConformeService.lstGuiaNoConforme)}  
        		</f:facet>
				</p:dataTable>
			</div>
			<div class="opcionesTabla" style="text-align: left;">
				<p:commandButton value="Exportar" icon="ui-icon-disk" />
				<p:commandButton value="Regularizar" onclick="dlgRegularizar.show()" />
			<div style="clear: both;"></div>
			</div>
		</h:form>

<!-- GESTIONAR GUIAS -->

<p:dialog header="Registrar entrega de gu&#237;as"
	widgetVar="dlgNuevoLote" modal="true" width="850" position="top">
	<h1>Registrar entrega de gu&#237;as</h1>
	<h:form>
		<!-- <p:panel header="Datos generales" toggleable="true"> -->
		<p:accordionPanel>
			<p:tab title="Criterios de b&#250;squeda">
				<div class="filas">
					<div class="mitad">
						<div class="completo">
							<div class="tercio">
								<h:outputLabel for="cboTipProveedor" value="Tipo Proveedor:" />
							</div>
							<div class="dostercios">
								<div class="combo" style="width: 50%">
									<p:selectOneMenu id="cboTipProveedor"
										styleClass="selectOneMenu" style="width: 100px">
										<f:selectItem itemLabel="Todos" itemValue="" />
										<f:selectItem itemLabel="Option 1" itemValue="1" />
										<f:selectItem itemLabel="Option 2" itemValue="2" />
										<f:selectItem itemLabel="Option 3" itemValue="3" />
									</p:selectOneMenu>
								</div>
								<div class="tooltip">
									<h:graphicImage id="imgTipProveedor"
										url="../../../presentacion/images/help.png"></h:graphicImage>
									<p:tooltip for="imgTipProveedor" value="Tipo Proveedor" />
								</div>
							</div>
							<p:message for="cboTipProveedor" />
						</div>
						<div class="completo">
							<div class="tercio">
								<h:outputLabel for="txtRangoInicioSimple" value="Rango inicio :" />
							</div>
							<div class="dostercios">
								<div class="input" style="width: 50%">
									<p:inputText id="txtRangoInicioSimple" styleClass="secCodigo" />
									-
									<p:inputText id="txtRangoInicioSimple1" styleClass="secSerie" />
								</div>
								<div class="tooltip">
									<h:graphicImage id="imgRangoInicioSimple"
										url="../../../presentacion/images/help.png"></h:graphicImage>
									<p:tooltip for="imgRangoInicioSimple" value="Rango inicio" />
								</div>
							</div>
							<p:message for="txtRangoInicioSimple" />
						</div>


					</div>
					<div class="mitad">

						<div class="completo">
							<div class="tercio">
								<h:outputLabel for="cboProveedor" value="Proveedor :" />
							</div>
							<div class="dostercios">
								<div class="combo" style="width: 50%">
									<p:selectOneMenu id="cboProveedor" style="width: 100px"
										styleClass="selectOneMenu">
										<f:selectItem itemLabel="Todos" itemValue="" />
										<f:selectItem itemLabel="Option 1" itemValue="1" />
										<f:selectItem itemLabel="Option 2" itemValue="2" />
										<f:selectItem itemLabel="Option 3" itemValue="3" />
									</p:selectOneMenu>
								</div>
								<div class="tooltip">
									<h:graphicImage id="imgProveedor"
										url="../../../presentacion/images/help.png"></h:graphicImage>
									<p:tooltip for="imgProveedor" value="Proveedor" />
								</div>
							</div>
							<p:message for="cboProveedor" />
						</div>

						<div class="completo">
							<div class="tercio">
								<h:outputLabel for="txtRangoFin" value="Rango fin :" />
							</div>
							<div class="dostercios">
								<div class="input" style="width: 50%">
									<p:inputText id="txtRangoFin" styleClass="secCodigo" />
									-
									<p:inputText id="txtRangoFin1" styleClass="secSerie" />
								</div>
								<div class="tooltip">
									<h:graphicImage id="imgRangoFin"
										url="../../../presentacion/images/help.png"></h:graphicImage>
									<p:tooltip for="imgRangoFin" value="Rango fin" />
								</div>
							</div>
							<p:message for="txtRangoFin" />
						</div>
					</div>

				</div>
				<div class="boton">
					<p:commandButton value="Guardar" icon="ui-icon-document" />
				</div>
				<div style="clear: both;"></div>
				<!-- </p:panel> -->
			</p:tab>
		</p:accordionPanel>

		<div style="clear: both;"></div>
	</h:form>


</p:dialog>



<p:dialog header="Seguimiento" widgetVar="dlgSeguimiento" modal="true"
	width="924" position="top">
	<h1>Seguimiento de una gu&#237;a</h1>
	<div class="scrollTabla">
	<p:dataTable paginator="true" paginatorPosition="bottom" rows="10"
		style="width: 100%" var="seguimiento"
		value="#{seguimientoService.lstSeguimiento}">
		<p:column styleClass="item">
			<f:facet name="header">
				<h:outputText value="Item" />
			</f:facet>
			<h:outputText value="#{seguimiento.sItem}" />
		</p:column>
		<p:column styleClass="estado">
			<f:facet name="header">
				<h:outputText value="Estado" />
			</f:facet>
			<h:outputText value="#{seguimiento.sEstado}" />
		</p:column>
		<p:column styleClass="observaciones">
			<f:facet name="header">
				<h:outputText value="Observaciones" />
			</f:facet>

			<p:inputTextarea styleClass="observacion" />
		</p:column>
		<p:column styleClass="fechaHora">
			<f:facet name="header">
				<h:outputText value="Fecha de registro" />
			</f:facet>
			<h:outputText value="#{seguimiento.sFecRegistro}" />
		</p:column>

		<p:column styleClass="usuario">
			<f:facet name="header">
				<h:outputText value="Usuario de registro" />
			</f:facet>
			<h:outputText value="#{seguimiento.sUsuario}" />
		</p:column>
		<f:facet name="footer">  
          			 Total registros #{fn:length(seguimientoService.lstSeguimiento)}  
        		</f:facet>
	</p:dataTable>
	</div>
</p:dialog>

<p:dialog header="Regularizar" widgetVar="dlgRegularizar" modal="true"
	width="700" position="top">
	<h1>Regularizar</h1>
	<h:form>
		<!-- <p:panel header="Datos generales" toggleable="true"> -->
		<p:accordionPanel>
			<p:tab title="Datos generales">
				<div class="filas">
					<div class="completo" style="wdith: 90%">
						<div class="tercio">
							<h:outputLabel for="txaObservacion" value="Observaciones:" />
						</div>
						<div class="dostercios">
							<div class="input">
								<p:inputTextarea id="txaObservacion" styleClass="observacion" />
							</div>
							<div class="tooltip">
								<h:graphicImage id="imgObservacion"
									url="../../../presentacion/images/help.png"></h:graphicImage>
								<p:tooltip for="imgObservacion" value="Observaciones" />
							</div>
						</div>
						<p:message for="txaObservacion" />
					</div>
				</div>
				<div class="boton">
					<p:commandButton value="Guardar" icon="ui-icon-disk" />
				</div>
				<div style="clear: both;"></div>
				<!-- </p:panel> -->
			</p:tab>
		</p:accordionPanel>

		<div style="clear: both;"></div>
	</h:form>
</p:dialog>

	</ui:define>

</ui:composition>